<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Buildream - Free Bootstrap 5 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Prata&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css">

    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/flaticon.css">
    <link rel="stylesheet" href="../static/css/tiny-slider.css">
    <link rel="stylesheet" href="../static/css/glightbox.min.css">
    <link rel="stylesheet" href="../static/css/aos.css">
    <link rel="stylesheet" href="../static/css/style.css">
  </head>
  <body>

    <div class="py-1 top-wrap">
      <div class="container-xl">
        <div class="row justify-content-between">

          <div class="col-md topper d-flex align-items-xl-center">
            <div class="text">
              <p class="con"><span>联系方式:</span> <span>+1 234 456 78910</span></p>
            </div>
          </div>
          <div class="col-md topper d-flex justify-content-lg-end">
            <div class="text me-4 d-flex align-items-center justify-content-lg-end">
              <p class="con"><span>邮箱地址:</span> <span>buildream@info.com</span></p>
            </div>
            <ul class="ftco-social-top d-flex align-items-center">
              <li><a href="#"><span class="fa fa-twitter"></span></a></li>
              <li><a href="#"><span class="fa fa-facebook"></span></a></li>
              <li><a href="#"><span class="fa fa-instagram"></span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <nav class="navbar navbar-expand-lg  ftco-navbar-light">
      <div class="container-xl">
        <a class="navbar-brand aside-stretch align-items-center" href="index.html">
          Buildream
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="fa fa-bars"></span> Menu
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
            <li class="nav-item"><a class="nav-link" href="services.html">招募合伙人</a></li>
            <li class="nav-item"><a class="nav-link active" href="project.html">店面展示</a></li>
            <li class="nav-item"><a class="nav-link" href="pricing.html">最新资讯</a></li>
            <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_5.jpg');">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
          <div class="col-md-9 pt-5 text-center">
            <p class="breadcrumbs"><span class="me-2"><a href="index.html">首页 <i class="fa fa-chevron-right"></i></a></span> <span>Projects <i class="fa fa-chevron-right"></i></span></p>
            <h1 class="mb-0 bread">Projects</h1>
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-gallery ftco-section">
      <div class="container-xl">
        <div class="row g-0">
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-1.jpg);">
              <a href="images/work-1.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-2.jpg);">
              <a href="images/work-2.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-3.jpg);">
              <a href="images/work-3.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-4.jpg);">
              <a href="images/work-4.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-5.jpg);">
              <a href="images/work-5.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-6.jpg);">
              <a href="images/work-6.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>

          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-7.jpg);">
              <a href="images/work-7.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-8.jpg);">
              <a href="images/work-8.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
            <div class="gallery-wrap img d-flex align-items-end justify-content-center" style="background-image: url(images/work-9.jpg);">
              <a href="images/work-9.jpg" class="icon d-flex align-items-center justify-content-center glightbox"><span class="fa fa-search"></span></a>
              <div class="desc w-100 px-4">
                <span>Building</span>
                <h2><a href="#">High Tower Works</a></h2>
              </div>
            </div>
          </div>
        </div>
        <div class="row mt-5 pt-4">
          <div class="col text-center">
            <div class="block-27">
              <ul>
                <li><a href="#">&lt;</a></li>
                <li class="active"><span>1</span></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&gt;</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer class="ftco-footer">
      <div class="container-xl">
        <div class="row mb-5 pb-5 justify-content-between">
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2 logo d-flex">
                <a class="navbar-brand align-items-center" href="index.html">
                  Buildream
                </a>
              </h2>
              <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              <ul class="ftco-footer-social list-unstyled mt-2">
                <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                <li><a href="#"><span class="fa fa-instagram"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Services</h2>

              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_1.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_2.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
              <div class="block-21 mb-4 d-flex">
                <a class="blog-img me-4" style="background-image: url(images/image_3.jpg);"></a>
                <div class="text">
                  <h3 class="heading"><a href="#">Biggest Construction in New York, USA</a></h3>
                  <div class="meta">
                    <div><a href="#"><span class="fa fa-user"></span> Admin</a></div>
                    <div><a href="#"><span class="fa fa-comment"></span> 19</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-2">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Quick Links</h2>
              <ul class="list-unstyled">
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>首页</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>关于</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>招募合伙人</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>店面展示</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>最新资讯</a></li>
                <li><a href="#"><span class="fa fa-chevron-right me-2"></span>联系我们</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Have a Questions?</h2>
              <div class="block-23 mb-3">
                <ul>
                  <li><span class="icon fa fa-map marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
                  <li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
                  <li><a href="#"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@yourdomain.com</span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid px-0 py-5 bg-darken">
        <div class="container-xl">
          <div class="row">
            <div class="col-md-12 text-center">
              <p class="mb-0" style="color: rgba(255,255,255,.5); font-size: 13px;">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener">Colorlib</a></p>
            </div>
          </div>
        </div>
      </div>
    </footer>

    
  <script src="../static/js/bootstrap.bundle.min.js"></script>
  <script src="../static/js/tiny-slider.js"></script>
  <script src="../static/js/glightbox.min.js"></script>
  <script src="../static/js/aos.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="../static/js/google-map.js"></script>
  <script src="../static/js/main.js"></script>
    
  </body>
</html>